import ReactDOM from 'react-dom'
import React, { Component } from 'react'

// 类组件定义状态
class App extends Component {
  // 提供属性：state 定义组件自己的状态，类型是对象
  state = {
    title: '数码产品',
    list: ['电脑', '手机', '相机']
  }

  // 使用数据：this.state.xxx
  render() {
    return (
      <div>
        <h3>{this.state.title}</h3>
        <ul>
          {this.state.list.map(item => {
            return <li key={item}>{item}</li>
          })}
        </ul>
      </div>
    )
  }
}


ReactDOM.render(<App />, document.getElementById('root'))